*{
    margin: 0;
    padding: 0;
}
.title{
    display: block;
    margin: 100px auto 0;
    width: 280px;
    height: 130px;
}
.show{
    width: 625px;
    margin: 20px auto;
    position: relative;
}
#text{
    width: 500px;
    height: 35px;
    text-indent: 10px;
    float: left;
}
.but{
    width: 110px;
    height: 39px;
    background:#0099cc ;
    color: #fff;
    line-height: 39px;
    text-align: center;
    cursor: pointer;
    float: left;
}
.but:hover{
    background:#3399cc;
}
.search{
    display: none;
    width: 502px;
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
    border:1px solid #ddd;
    position: absolute;
    top:37px
}
.search ul li {
    width: 502px;
    height: 30px;
    text-indent: 10px;
    line-height: 30px;
    list-style: none;
}
.search ul li a{
   color: #000;
    text-decoration: none;
    display: block;
}
.search ul li a:hover{
   color: #000;
    background: #ddd;
}
